<template>
  <div class="info">
    <div class="rightContent">
      <div class="Cheader">
        <span class="title">&nbsp;实名认证</span>
      </div>
      <div class="headerInfo">
        认证企业用户可获得部署级别的资源配额（IP个数、带宽除外）。若需要更多配额，请提交工单进行申请。通过企业认证，可获得总额高达 XXX 元的优惠券。
      </div>
      <div class="content">
        <div class="headerInfoTitle">
          企业实名认证
        </div>
        <div class="userMessage">
            <span class="leftT1" style="padding-left: 63px">认证方式：</span>
            <span class="rightC">
            <el-radio-group >
              <el-radio label="企业对公打款认证"></el-radio>
            </el-radio-group>
            </span>
        </div>
        <div class="userMessage">
          <span class="IDinfo">
            输入企业银行账号信息，待物联云打款成功后，回填打款金额完成认证，各商业银行收款时间不同，一般为1~3个工作日内
            </span>
        </div>
        <div class="userMessage">
          <span class="leftT1" style="padding-left: 47px">银行开户名：</span>
          <span class="rightC">
              <el-input class="handInput" placeholder="请填写营业执照上的公司名称" style="width: 530px"></el-input>
            </span>
        </div>
        <div class="userMessage">
          <span class="leftT1" style="padding-left: 63px">开户银行：</span>
          <span class="rightC">
            <el-select v-model="value" placeholder="请填写开户银行" style="width: 530px">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
            </span>
        </div>
        <div class="userMessage">
          <span class="leftT1" style="padding-left: 47px">银行所在地：</span>
           <span class="rightC">
            <el-select v-model="value" placeholder="请选择" style="width: 257px">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
            </span>
           <span class="rightC">
            <el-select v-model="value" placeholder="请选择" style="width: 257px">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
            </span>
        </div>
        <div class="userMessage">
          <span class="leftT1" style="padding-left: 47px">开户行支行：</span>
          <span class="rightC">
              <el-input class="handInput" placeholder="请填写开户行支行名称" style="width: 530px"></el-input>
            </span>
        </div>
        <div class="userMessage">
          <span class="leftT1" style="padding-left: 63px">银行账户：</span>
          <span class="rightC">
              <el-input class="handInput" placeholder="请填写企业对公账号" style="width: 530px"></el-input>
            </span>
        </div>
        <div class="userMessage">
          <span class="leftT1" style="padding-left: 145px"></span>
          <span class="rightC">
            <el-button type="primary" >提交</el-button>

            </span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import userIdZM from '@/assets/userMessage/userIdZM.png'
  import userIdFM from '@/assets/userMessage/userIdFM.png'
  export default {
    data() {
      return {
        userIdZM,
        userIdFM,
        options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value: ''
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .info{
    .configTop{
      width: 100%;
      height: 40px;
      .configTitle{
        font-size: 16px;
        color: #676A70;
        padding-left: 5px;
        border-left: 5px solid #25B6C7;
        height: 16px;
      }
    }
    .rightContent{
      width: 90%;
      height: 900px;
      margin-left: 200px;
      /*float: right;*/
      .Cheader {
        width: 100%;
        height: 38px;
        line-height: 38px;
        .title {
          border-left: 5px solid #25B6C7;
        }
      }
      .headerInfo{
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #E6EFEF;
        font-size:12px;
        font-family:MicrosoftYaHeiLight;
        font-weight:300;
        color:rgba(102,102,102,1);
        padding-left: 10px;
      }
      .content{
        width: 1200px;
        height: 600px;
        .headerInfoTitle{
          width: 300px;
          height: 40px;
          line-height: 40px;
          font-size:16px;
          font-family:MicrosoftYaHei;
          font-weight:400;
          color:rgba(50,56,66,1);
        }
        .userMessage{
          width: 1200px;
          height: 40px;
          .IDinfo{
            margin-left: 193px;
            font-size:12px;
            font-family:MicrosoftYaHeiLight;
            font-weight:300;
            color:rgba(105,114,126,1);
          }
          .leftT{
            width:300px;
            height: 40px;
            line-height: 40px;
            font-family:MicrosoftYaHeiLight;
            font-weight:300;
            margin-left: 100px;
            color:rgba(50,56,66,1);
            text-align: right;
          }
          .leftTS {
            width: 300px;
            height: 40px;
            font-size: 12px;
            font-family: MicrosoftYaHeiLight;
            font-weight: 300;
            color: rgba(105, 114, 126, 1);
            text-align: right;
          }
          .leftT1{
            width:300px;
            height: 40px;
            line-height: 40px;
            font-family:MicrosoftYaHeiLight;
            font-weight:300;
            color:rgba(50,56,66,1);
            text-align: right;
            margin-left: 37px;
          }
          .rightC{
            width:600px;
            height: 40px;
            padding-left: 10px;
            line-height: 40px;
            font-family:MicrosoftYaHeiLight;
            font-weight:300;
            color:rgba(50,56,66,1);
            text-align: right;
          }

          /deep/ .el-input__inner {
            height: 30px;
            line-height: 30px;
          }
          /deep/ .el-button--primary {
            height: 30px;
            font-size: 14px;
            padding: 6px 16px;
            background: #25B6C7;
            border-color: #25B6C7;
            margin-top: 10px;
          }
        }
      }
    }
  }

</style>
